<template>
  <div class="pro">
    <div class="title">FAQ Privilege</div>
    <div class="sub-title">{{ $t('promote.promote_desc_sub_title1') }}</div>
    <div class="text">{{ $t('promote.promote_desc_sub_content1') }}</div>
    <div class="sub-title">{{ $t('promote.promote_desc_sub_title2') }}</div>
    <div class="text">{{ $t('promote.promote_desc_sub_content2') }}</div>
    <div class="sub-title">{{ $t('promote.promote_desc_sub_title3') }}</div>
    <div class="text">{{ $t('promote.promote_desc_sub_content3') }}</div>
    <div class="sub-title">{{ $t('promote.promote_desc_sub_title4') }}</div>
    <div class="text">{{ $t('promote.promote_desc_sub_content4') }}</div>
  </div>
</template>
<script>

export default {
  data() {
    return {

    }
  },
}
</script>

<style lang="less" scoped>
.pro {
  margin-top: 48px;

  .title {
    font-family: Open Sans, Open Sans;
    font-weight: 600;
    font-size: 16px;
    color: #1E1714;
    line-height: 19px;
    margin-bottom: 32px;
  }

  .sub-title {
    font-family: Open Sans, Open Sans;
    font-weight: 400;
    font-size: 16px;
    color: #1E1714;
    line-height: 19px;
    margin-bottom: 16px;
  }

  .text {
    font-family: Open Sans, Open Sans;
    font-weight: 400;
    font-size: 14px;
    color: #767B93;
    line-height: 16px;
    margin-bottom: 32px;
  }
}
</style>
